<template>
  <div>
    <div class="title">
     <span v-for="item in tableData">
        <router-link    :class="[{active:$route.path==item.router}]" :to='item.router'>{{item.text}}</router-link>
     </span>
    </div>

  </div>
</template>

<script>
  export default{
    data(){
      return{
        tableData:[
          {
            router:'/cloudlock_view/user_m',
            text:'临时访客',
          },
          {
            router:'/cloudlock_view/longuser',
            text:'/长期用户',
          }
        ]
      }
    },
    created() {

    }
   }
</script>

<style scoped>
  .title{
        height: 84px;
        line-height: 84px;
        color: rgba(5, 5, 5, 100);
        font-size: 16px;
        text-align: left;
        font-family: SourceHanSansSC-regular;
        border-bottom: 1px solid #F7F7F7;
    }

  .title a{
    color: rgba(151, 152, 152, 100);
  }
  .title a.active{
     color: #000;
  }
</style>
